<!-- Main.vue -->

<template>
    <div>
      <div v-if="loggedIn">
        <!-- 显示用户数据 -->
        <p>Welcome, {{ user.name }}</p>
        <!-- 其他内容 -->
      </div>
      <div v-else>
        <!-- 显示登录表单 -->
        <router-link to="/login">Go to Login</router-link>
      </div>
    </div>
  </template>
  
  <script>
  import { mapState } from 'vuex';
  
  export default {
    computed: {
      ...mapState('user', ['loggedIn', 'user'])
    }
  };
  </script>
  